            * {
                margin: 0;
                padding: 0;
                list-style: none;
            }
            
            input {
                outline: none;
            }
            
            @font-face {
                font-family: 'iconfont';
                src: url('../font/iconfont.eot');
                src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff2') format('woff2'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg');
            }
            
            @font-face {
                font-family: 'iconfont';
                src: url('../fons/iconfont.eot');
                src: url('../fons/iconfont.eot?#iefix') format('embedded-opentype'), url('../fons/iconfont.woff2') format('woff2'), url('../fons/iconfont.woff') format('woff'), url('../fons/iconfont.ttf') format('truetype'), url('../fons/iconfont.svg#iconfont') format('svg');
            }
            
            a {
                text-decoration: none;
            }
            
            .nav {
                width: 100%;
                height: 955px;
                background-color: #fff;
            }
            
            .topNav-w {
                width: 100%;
                height: 40px;
                background-color: #333;
            }
            
            .topnav {
                width: 1226px;
                height: 40px;
                /* background-color: yellow; */
                margin: 0 auto;
            }
            
            .topnav .topnav-l {
                width: 950px;
                height: 40px;
                /* background-color: skyblue; */
                float: left;
                line-height: 40px;
            }
            
            .topnav-l li {
                float: left;
            }
            
            .topnav-l li a:hover {
                color: #fff;
            }
            
            .topnav-l .space {
                width: 1px;
                height: 12px;
                background-color: #b0b0b0;
                margin: 15px 8px 13px;
            }
            
            .topnav-l li a {
                font-size: 12px;
                color: #b0b0b0;
            }
            
            .topnav .topnav-c {
                width: 155px;
                height: 40px;
                /* background-color: darkred; */
                float: left;
                line-height: 40px;
            }
            
            .topnav-c li {
                float: left;
            }
            
            .topnav-c li a {
                color: #b0b0b0;
                font-size: 12px;
            }
            
            .topnav-c li a:hover {
                color: #fff;
            }
            
            .topnav-c .space {
                width: 1px;
                height: 12px;
                margin: 15px 8px 13px;
                background-color: #ccc;
            }
            
            .topnav .topnav-r {
                width: 120px;
                height: 40px;
                background-color: darkcyan;
                float: right;
            }
            
            .topnav-r .car {
                width: 120px;
                height: 40px;
                background-color: #424242;
                display: block;
                color: #b0b0b0;
                font-size: 12px;
                text-align: center;
                line-height: 40px;
                overflow: hidden;
            }
            
            .topnav-r .car:hover {
                background-color: #fff;
                color: orange;
            }
            
            .topnav-r .icon {
                font-family: "iconfont";
                font-size: 18px;
                /* display: inline-block;
    margin-top: 8px; */
                /* line-height: 40px; */
            }
            /* head部分 */
            
            .head {
                width: 1226px;
                height: 100px;
                /* background-color: darkorange; */
                margin: 0 auto;
            }
            
            .head-l {
                width: 242px;
                height: 100px;
                /* background-color: pink; */
                float: left;
            }
            
            .head-l img {
                margin-top: 25px;
            }
            
            .head-c {
                width: 689px;
                height: 100px;
                /* background-color: orchid; */
                float: left;
                line-height: 100px;
            }
            
            .head-c li {
                float: left;
            }
            
            .head-c li a {
                font-size: 16px;
                color: #333;
                /* padding: 0 10px; */
                margin-right: 20px;
            }
            
            .head-c li a:hover {
                color: orange;
            }
            
            .head-r {
                width: 295px;
                height: 100px;
                /* background-color: olivedrab; */
                float: right;
                padding-top: 25px;
                box-sizing: border-box;
                position: relative;
            }
            
            .head-r .txt {
                width: 242px;
                height: 50px;
                /* background-color: pink; */
                float: left;
                border-right: 0;
                border: 1px solid #e0e0e0;
                padding-left: 10px;
                box-sizing: border-box;
            }
            
            .head-r .btn {
                width: 49px;
                height: 50px;
                float: left;
                border: 1px solid #e0e0e0;
                background-color: #fff;
            }
            
            .search-r:hover {
                color: #fff
            }
            
            .search-r:hover .btn {
                background-color: orange;
            }
            
            .head-r .icon {
                font-family: "iconfont";
                position: absolute;
                right: 20px;
                top: 40px;
                font-size: 20px;
            }
            
            .head-r .mi9 {
                position: absolute;
                left: 129px;
                top: 39px;
            }
            
            .head-r .mi9 a {
                font-size: 12px;
                color: #757575;
                background-color: #ccc;
                padding: 0 5px;
            }
            
            .head-r .mi9 a:hover {
                background-color: orange;
                color: #fff
            }
            /* banner部分 */
            
            .banner {
                width: 1226px;
                height: 460px;
                /* background-color: paleturquoise; */
                margin: 0 auto;
                position: relative;
            }
            
            .banner img {
                width: 1226px;
                height: 460px;
                position: absolute;
                left: 0;
                top: 0;
            }
            
            .banner .banner-lbt {
                width: 1226px;
                height: 460px;
                background-color: orange;
                /* margin: 0 auto; */
                /* position: absolute;
        left: 0;
        top: 0; */
                position: relative;
            }
            
            .banner .banner-lbt .jtl-l {
                width: 30px;
                height: 48px;
                background-color: pink;
                position: absolute;
                left: 234px;
                top: 50%;
                transform: translateY(-50%);
            }
            
            .banner-lbt .jtl-l .icon-l {
                font-family: "iconfont";
                position: absolute;
                left: 3px;
                top: 14px;
            }
            
            .banner .banner-lbt .jtl-r {
                width: 30px;
                height: 48px;
                background-color: pink;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
            }
            
            .banner-lbt .jtl-r .icon-r {
                font-family: "iconfont";
                position: absolute;
                left: 9px;
                top: 11px;
            }
            
            .banner-dhl {
                width: 234px;
                height: 460px;
                background-color: #333;
                position: absolute;
                left: 0;
                top: 0;
                padding-top: 35px;
                box-sizing: border-box;
                /* position: relative; */
            }
            
            .banner-dhl li {
                position: relative;
            }
            
            .banner-dhl li i {
                font-family: "iconfont";
                position: absolute;
                left: 194px;
                top: 4px;
                color: #fff;
                font-style: normal;
            }
            
            .banner-dhl li a {
                /* padding-left: 33px; */
                color: #fff;
                line-height: 40px;
                padding: 26px 110px 0 30px;
                box-sizing: border-box;
            }
            
            .banner-dhl li:hover {
                background-color: #ff6700;
            }
            /* banner底下部分 */
            
            .banner-b {
                width: 1226px;
                height: 170px;
                /* background-color: pink; */
                margin: 14px auto;
            }
            
            .banner-one {
                width: 234px;
                height: 170px;
                background-color: #5f5750;
                float: left;
                margin-right: 14px;
                position: relative;
            }
            
            .banner-one li a {
                width: 70px;
                height: 56px;
                display: block;
                /* background-color: pink; */
                margin: 15px 0 0 6px;
                font-size: 12px;
                color: rgba(255, 255, 255, 0.7);
                text-align: center;
                padding-top: 10px;
                box-sizing: border-box;
            }
            
            .banner-one .xg {
                font-family: "iconfont";
                font-size: 20px;
            }
            
            .banner-one li a:hover {
                color: #fff;
            }
            
            .banner-b .banner-one .space1 {
                width: 1px;
                height: 70px;
                background-color: #665e57;
                position: absolute;
                left: 78px;
                top: 8px;
            }
            
            .banner-b .banner-one .space2 {
                width: 1px;
                height: 70px;
                background-color: #665e57;
                position: absolute;
                left: 156px;
                top: 8px;
            }
            
            .banner-b .banner-one .space3 {
                width: 1px;
                height: 70px;
                background-color: #665e57;
                position: absolute;
                left: 78px;
                top: 90px;
            }
            
            .banner-b .banner-one .space4 {
                width: 1px;
                height: 70px;
                background-color: #665e57;
                position: absolute;
                left: 156px;
                top: 90px;
            }
            
            .banner-b .banner-one .space5 {
                width: 70px;
                height: 1px;
                background-color: #665e57;
                position: absolute;
                left: 8px;
                top: 84px;
            }
            
            .banner-b .banner-one .space6 {
                width: 70px;
                height: 1px;
                background-color: #665e57;
                position: absolute;
                left: 84px;
                top: 84px;
            }
            
            .banner-b .banner-one .space7 {
                width: 70px;
                height: 1px;
                background-color: #665e57;
                position: absolute;
                left: 159px;
                top: 84px;
            }
            
            .banner-b .banner-one li {
                width: 75px;
                height: 83px;
                /* background-color: greenyellow; */
                float: left;
                /* border: 1px solid #000; */
            }
            
            .banner-two {
                width: 317px;
                height: 170px;
                /* background-color: purple; */
                float: left;
                margin-right: 14px;
            }
            
            .banner-two img {
                width: 317px;
                height: 170px;
            }
            
            .banner-three img {
                width: 317px;
                height: 170px;
            }
            
            .banner-four img {
                width: 317px;
                height: 170px;
            }
            
            .banner-three {
                width: 317px;
                height: 170px;
                background-color: orange;
                float: left;
                margin-right: 13px;
            }
            
            .banner-four {
                width: 317px;
                height: 170px;
                background-color: palegreen;
                float: left;
                /* margin-left: 14px; */
            }
            /* 广告手机 */
            
            .banner-phone {
                width: 1226px;
                height: 120px;
                background-color: gold;
                margin: 26px auto;
            }
            
            .banner-phone img {
                width: 1226px;
                height: 120px;
            }
            /* main内容 */
            
            .main {
                width: 100%;
                height: 3300px;
                background-color: #f5f5f5;
                overflow: hidden;
                margin-top: 42px;
            }
            
            .main .cell {
                width: 1226px;
                height: 660px;
                /* background-color: pink; */
                margin: 37px auto;
            }
            
            .cell .title {
                height: 39px;
                /* background-color: skyblue; */
            }
            
            .title .title-l {
                width: 80px;
                height: 39px;
                /* background-color: red; */
                font-size: 24px;
                float: left;
            }
            
            .title .title-r {
                width: 95px;
                height: 39px;
                /* background-color: red; */
                float: right;
                display: block;
                color: #333;
                line-height: 39px;
                font-size: 16px;
            }
            
            .title-r span {
                float: left;
            }
            
            .title .title-r .y {
                display: inline-block;
                width: 22px;
                height: 22px;
                background-color: #ccc;
                border-radius: 50%;
                float: right;
                line-height: 22px;
                margin-top: 10px;
                font-family: "iconfont";
                padding-left: 3px;
                box-sizing: border-box;
                color: #fff
            }
            
            .title .title-r:hover .ck {
                color: #ff6700;
            }
            
            .title .title-r:hover .y {
                background-color: #ff6700;
            }
            
            .cell .nr {
                width: 1226px;
                height: 615px;
                /* background-color: red; */
            }
            
            .nr .nr-l {
                width: 234px;
                height: 615px;
                /* background-color: yellow; */
                float: left;
            }
            
            .nr-l img {
                width: 234px;
                height: 599px;
            }
            
            .nr .nr-r {
                width: 977px;
                height: 615px;
                /* background-color: palevioletred; */
                float: right;
            }
            
            .nr .nr-r ul {
                width: 1224px;
            }
            
            .nr .nr-r li {
                width: 233px;
                height: 300px;
                float: left;
                margin: 0 12px 14px 0;
                background-color: #fff;
            }
            
            .nr .xm {
                width: 977px;
                height: 598px;
                /* background-color: red; */
                float: right;
            }
            
            .nr-r ul {
                width: 1232px;
            }
            
            .nr .nr-r li {
                width: 235px;
                height: 292px;
                background-color: #fff;
                float: left;
                margin: 0 12px 14px 0;
                position: relative;
            }
            
            .nr-r img {
                width: 134px;
                height: 148px;
                margin-left: 45px;
                margin-top: 23px;
            }
            
            .nr-r a {
                text-decoration: none;
            }
            
            .nr-r h3 {
                font-size: 14px;
                font-weight: 400;
                text-align: center;
                color: #333;
                margin-top: 26px;
            }
            
            .nr-r p {
                font-size: 12px;
                text-align: center;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                color: #b0b0b0;
                margin: 2px 10px 10px;
            }
            
            .nr-r span {
                width: 31.14px;
                height: 16px;
                text-align: center;
                color: orange;
                margin: 0 80px 14px;
            }
            
            .nr-r .sm {
                width: 64px;
                height: 20px;
                background-color: #83c44e;
                color: #fff;
                position: absolute;
                left: 0;
                top: 0;
                font-size: 12px;
                line-height: 20px
            }
            
            .nr .nr-r :nth-child(5) .sm {
                background-color: #e53935;
            }
            
            .nr .nr-r :nth-child(6) .sm {
                background-color: #e53935;
            }
            /* 电磁炉 */
            
            .dcl {
                width: 1226px;
                height: 120px;
                margin: 0 auto;
            }
            
            .dcl img {
                width: 1226px;
                height: 120px;
            }
            /* 家电 */
            
            .jd {
                width: 1226px;
                height: 80px;
                background-color: #f5f5f5;
                margin: 0 auto;
            }
            
            .jd h3 {
                height: 80px;
                line-height: 80px;
                font-size: 22px;
                font-weight: 200;
                color: #333;
                float: left;
            }
            
            .jd ul {
                margin-left: 933px;
            }
            
            .jd li a {
                float: left;
                padding-left: 33px;
                font-size: 16px;
                margin-top: 40px;
                text-decoration: none;
                color: #424242
            }
            
            .jsq {
                width: 1226px;
                height: 597px;
                background-color: #f5f5f5;
                margin: 0 auto;
            }
            
            .jsq ul {
                width: 1300px;
            }
            
            .jsq li {
                width: 234px;
                height: 300px;
                float: left;
                background-color: gold;
                margin: 0 14px 14px 0;
            }
            
            .jsq .cx img {
                width: 234px;
                height: 299px;
                margin-top: 0px;
                margin-left: 0px;
            }
            
            .jsq .jqr img {
                width: 234px;
                height: 307px;
                margin-top: -1px;
                margin-left: 0;
            }
            
            .jsq ul {
                background-color: #f5f5f5;
                /* padding-top: 40px; */
                box-sizing: border-box;
                overflow: hidden;
            }
            
            .jsq li img {
                width: 150px;
                height: 150px;
                margin-left: 40px;
            }
            
            .jsq li h4 {
                font-size: 14px;
                font-weight: normal;
                text-align: center;
            }
            
            .jsq li p {
                margin: 0 10px 10px;
                height: 18px;
                font-size: 12px;
                text-align: center;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                color: #b0b0b0;
                margin-top: 3px;
            }
            
            .jsq li span {
                text-align: center;
                color: #ff6700;
                margin-left: 90px;
            }
            
            .jsq li {
                overflow: hidden;
                background-color: #fff;
            }
            
            .jsq .top {
                width: 234px;
                height: 143px;
                background-color: #fff;
                overflow: hidden;
                position: relative;
            }
            
            .top .lm {
                width: 186px;
                height: 70px;
                /* background-color: pink; */
                margin-top: 44px;
                margin-left: 27px;
            }
            
            .lm .box {
                width: 90px;
                height: 40px;
                /* background-color: red; */
            }
            
            .lm .box p {
                color: #333333;
                font-size: 14px;
            }
            
            .lm .box h4 {
                color: #ff6700;
                font-size: 14px;
            }
            
            .top .lm img {
                width: 80px;
                height: 80px;
                position: absolute;
                left: 93px;
                top: 44px;
            }
            
            .jsq .bottom {
                width: 234px;
                height: 143px;
                background-color: #fff;
                margin-top: 13px;
            }
            
            .bottom a {
                width: 73px;
                height: 40px;
                /* background-color: pink; */
                text-decoration: none;
                margin: 54px 0 0 27px;
                display: inline-block;
            }
            
            .bottom a h3 {
                font-size: 18px;
                color: #333;
                font-weight: normal;
            }
            
            .bottom h4 {
                padding-right: 42px;
                color: #757575
            }
            
            .jsq li:nth-child(10) {
                background-color: #f5f5f5;
            }
            /* 为你推荐 */
            
            .tj {
                width: 1226px;
                height: 347px;
                /* background-color: pink; */
                margin: 39px auto;
            }
            
            .tj .wn {
                width: 1226px;
                height: 36px;
                /* background-color: plum; */
            }
            
            .wn h2 {
                font-size: 22px;
                font-weight: 200;
                line-height: 36px;
                color: #333;
            }
            
            .tj .hlw {
                width: 1226px;
                height: 300px;
                /* background-color: goldenrod; */
            }
            
            .hlw ul {
                width: 1252px;
            }
            
            .hlw li {
                width: 234px;
                height: 301px;
                float: left;
                background-color: #fff;
                margin-right: 14px;
            }
            
            .hlw img {
                width: 140px;
                height: 140px;
                margin-left: 50px;
                margin-top: 35px;
            }
            
            .hlw .box3 {
                width: 150px;
                height: 50px;
                /* background-color: red; */
                margin: 25px 40px 0 50px;
                text-align: center;
            }
            
            .box3 h4 {
                font-weight: normal;
            }
            
            .box3 p {
                color: #ff6700;
                font-size: 14px;
                margin-top: 14px;
            }
            /* 热评产品 */
            
            .cp {
                width: 1226px;
                height: 40px;
                /* background-color: red; */
                margin: 0 auto;
                line-height: 40px;
                overflow: hidden;
            }
            
            .cp h3 {
                font-size: 22px;
                font-weight: 200;
                color: #333;
                margin-top: -9px;
            }
            
            .rp {
                width: 1226px;
                height: 397px;
                /* background-color: pink; */
                margin: 0 auto;
            }
            
            .rp ul {
                width: 1300px;
            }
            
            .rp li {
                width: 296px;
                height: 397px;
                float: left;
                background-color: #fff;
                margin-right: 14px;
            }
            
            .rp img {
                width: 296px;
                height: 220px;
            }
            
            .rp a {
                text-decoration: none;
                width: 240px;
                height: 48px;
                /* background-color: pink; */
                /* margin: 31px 27px 0 27px; */
                font-size: 14px;
                line-height: 24px;
                font-weight: 400;
            }
            
            .rp .box4 {
                width: 240px;
                height: 72px;
                /* background-color: red; */
                margin: 25px 28px 22px;
            }
            
            .rp .pj {
                height: 16px;
                margin: -15px 28px 8px;
                padding: 0 10px 0 0;
                font-size: 12px;
                color: #b0b0b0;
            }
            
            .rp .icon {
                width: 236px;
                height: 22px;
                /* background-color: skyblue; */
                margin: 0 30px;
            }
            
            .rp .icon a {
                font-size: 14px;
                font-weight: 400;
                color: #333;
            }
            
            .rp i {
                width: 1px;
                height: 12px;
                border-right: 1px solid #e0e0e0;
                display: inline-block;
            }
            
            .rp span {
                color: #ff6700;
                font-weight: normal;
            }
            
            .rp .box4 a {
                color: #333;
            }
            /* 内容 */
            
            .nei {
                width: 1226px;
                height: 446px;
                /* background-color: pink; */
                margin: 37px auto;
            }
            
            .nei-t {
                width: 1226px;
                height: 45px;
                /* background-color: red; */
            }
            
            .nei-t h2 {
                font-size: 22px;
                color: #333;
                font-weight: 200;
            }
            
            .ts {
                width: 1226px;
                height: 401px;
                /* background-color: green; */
            }
            
            .ts .a1 {
                width: 230px;
                height: 30px;
                /* background-color: pink; */
                display: block;
                margin-left: 38px;
                line-height: 30px;
                font-size: 20px;
                color: #333;
            }
            
            .ts .a2 {
                width: 200px;
                height: 40px;
                /* background-color: red; */
                display: block;
                margin-left: 58px;
                margin-top: 10px;
                /* line-height: 40px; */
                font-size: 12px;
                color: #b0b0b0;
            }
            
            .ts .a3 {
                width: 60px;
                height: 17px;
                font-size: 14px;
                color: #333;
                display: block;
                /* background-color: red; */
                margin-left: 120px;
                margin-top: 12px;
                text-align: center;
            }
            
            .ts img {
                width: 216px;
                height: 154px;
                margin-left: 40px;
                margin-top: 15px;
            }
            
            .nei .ts ul {
                width: 1250px;
            }
            
            .nei .ts li {
                width: 295px;
                height: 401px;
                background-color: #fff;
                float: left;
                margin-right: 15px;
                border-top-color: #ffac13;
            }
            
            .ts li h3 {
                margin: 40px 10px 18px;
                font-size: 16px;
                font-weight: 400;
                text-align: center;
                color: #ffac13;
            }
            
            .ts .yd {
                width: 296px;
                height: 30px;
                /* background-color: pink; */
                padding-left: 87px;
                box-sizing: border-box;
                margin-top: 8px;
            }
            
            .ts .yd li {
                width: 30px;
                height: 30px;
                /* background-color: red; */
                padding: 10px 0 0px 10px;
                box-sizing: border-box;
            }
            
            .ts .yd .dot {
                display: block;
                width: 6px;
                height: 6px;
                border: 2px solid #f5f5f5;
                border-radius: 6px;
                text-align: center;
                background-color: #ccc;
            }
            
            .ts .yd .li:nth-child(1) .dot {
                border-color: #ff6700;
            }
            
            .ts .li3 .a1 {
                margin-left: 108px;
            }
            
            .ts .li2 h3 {
                color: #83c44e;
            }
            
            .ts .li3 h3 {
                color: #e53935;
            }
            
            .ts .li3 .a2 {
                margin-left: 78px;
            }
            
            .ts .li4 .a1 {
                margin-left: 120px;
            }
            
            .ts .li4 h3 {
                color: #2196f3
            }
            /* 视频 */
            
            .sp {
                width: 1226px;
                height: 325px;
                /* background-color: pink; */
                margin: 40px auto;
            }
            
            .sp-title {
                width: 1226px;
                height: 40px;
                /* background-color: red; */
            }
            
            .sp-title .sp-l {
                float: left;
                width: 50px;
                height: 40px;
                font-size: 22px;
                color: #333;
            }
            
            .sp-title .sp-r {
                float: right;
                color: #424242;
                font-size: 16px;
            }
            
            .sp-title .sp-r .ck2 {
                line-height: 40px;
                margin-right: 5px;
            }
            
            .sp-title .sp-r .ck2:hover {
                color: orange;
            }
            
            .sp-r .y2 {
                display: inline-block;
                width: 22px;
                height: 22px;
                background-color: #ccc;
                border-radius: 50%;
                float: right;
                line-height: 22px;
                margin-top: 10px;
                font-family: "iconfont";
                padding-left: 3px;
                box-sizing: border-box;
                color: #fff;
            }
            
            .sp-r .y2:hover {
                background-color: #ff6700;
            }
            
            .sp .sp-x ul {
                width: 1250px;
            }
            
            .sp .sp-x li {
                width: 295px;
                height: 285px;
                background-color: #fff;
                float: left;
                margin-right: 15px;
            }
            
            .sp-x li img {
                width: 296px;
                height: 180px;
            }
            
            .sp-x .wy {
                width: 175px;
                height: 16px;
                font-size: 14px;
                color: #333;
                display: block;
                text-align: center;
                /* background-color: pink; */
                margin-left: 65px;
                margin-top: 20px;
            }
            
            .sp-x p {
                width: 296px;
                height: 18px;
                color: #b0b0b0;
                font-size: 12px;
                text-align: center;
                margin-top: 10px;
            }
            /* 网页底部 */
            
            .footer {
                width: 100%;
                height: 274px;
                background-color: pink;
            }
            
            .footer-main {
                width: 1226px;
                height: 274px;
                background-color: plum;
                margin: 0 auto;
            }
            
            .footer-main .main-top {
                width: 1226px;
                height: 79px;
                background-color: gold;
                position: relative;
            }
            
            .footer-main .main-top li {
                width: 243px;
                height: 79px;
                float: left;
            }
            
            .footer-main .main-top a {
                display: block;
                line-height: 79px;
                background-color: powderblue;
                padding-left: 85px;
                box-sizing: border-box;
            }
            
            .footer-main .main-top i {
                font-family: "iconfont";
                position: absolute;
                left: 60px;
                top: 32px;
                font-style: normal;
            }